<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>easyui1.3.2中文在线实例</title>
	<link rel="stylesheet" type="text/css" href="http://www.java1234.com/jquery-easyui-1.3.2/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="http://www.java1234.com/jquery-easyui-1.3.2/themes/icon.css">
	<script type="text/javascript" src="http://www.java1234.com/jquery-easyui-1.3.2/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="http://www.java1234.com/jquery-easyui-1.3.2/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="http://www.java1234.com/jquery-easyui-1.3.2/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript">
		$(function(){
			// 动态菜单数据
			var treeData=[{
				text:"EasyUi中文在线实例",
				children:[{
					text:"日历组件",
					attributes:{
						url:"http://www.java1234.com/easyuipublish/easyuiview.php?id=21"
					}
				},{
					text:"表格数据组件",
					attributes:{
						url:""
					}
				}]
			}];
			
			//动态菜单数据
			var treeData = [{
					text:"EasyUi中文在线实例",
					children : [{
							text : "面板组件",
							state : "closed",
							children : [{
									text : "面板组件基本使用",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=42"
									}
								}, {
									text : "面板组件工具",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=43"
									}
								}, {
									text : "面板组件自定义工具",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=44"
									}
								}, {
									text : "面板组件加载面板内容",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=45"
									}
								}, {
									text : "面板组件内嵌面板",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=46"
									}
								}
							]
						},{
							text : "可折叠面板组件",
							state : "closed",
							children : [{
									text : "可折叠面板组件基本使用",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=47"
									}
								}, {
									text : "可折叠面板组件工具",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=48"
									}
								}, {
									text : "使用AJAX加载可折叠面板内容",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=49"
									}
								}, {
									text : "可折叠面板组件操作",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=50"
									}
								}
							]
						},{
							text : "日历组件",
							state : "closed",
							children : [{
									text : "日历组件基本使用",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=21"
									}
								}, {
									text : "日历组件选择星期",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=22"
									}
								}
							]
						},{
							text : "下拉组件",
							state : "closed",
							children : [{
									text : "下拉组件基本使用",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=23"
									}
								}
							]
						},{
							text : "下拉框组件",
							state : "closed",
							children : [{
									text : "下拉框组件基本使用",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=24"
									}
								},{
									text : "下拉框组件动态加载数据",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=26"
									}
								},{
									text : "下拉框组件多选",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=27"
									}
								},{
									text : "下拉框组件自定义格式化文本",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=28"
									}
								},{
									text : "下拉框组件绑定远程数据",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=29"
									}
								},{
									text : "下拉框组件操作",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=30"
									}
								}
							]
						},{
							text : "下拉表格组件",
							state : "closed",
							children : [{
									text : "下拉表格组件基本使用",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=31"
									}
								},{
									text : "下拉表格组件初始化值",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=32"
									}
								},{
									text : "下拉表格组件多选",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=33"
									}
								},{
									text : "下拉表格组件操作",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=34"
									}
								}
							]
						},{
							text : "下拉树组件",
							state : "closed",
							children : [{
									text : "下拉树组件基本使用",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=36"
									}
								},{
									text : "下拉树组件初始化值",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=37"
									}
								},{
									text : "下拉树组件多选",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=38"
									}
								},{
									text : "下拉树组件操作",
									attributes : {
										url : "http://www.java1234.com/easyuipublish/easyuiview.php?id=39"
									}
								}
							]
						}
					]
				}
			];
			
			// 实例化树形菜单
			$("#tree").tree({
				data:treeData,
				lines:true,
				onClick:function(node){
					if(node.attributes){
						$("#cont").attr("src",node.attributes.url);
					}
				}
			})
		});
		
	</script>
	<script>
		function addFavorite(url, title) {
			try {
				window.external.addFavorite(url, title);
			} catch (e){
				try {
					window.sidebar.addPanel(title, url, '');
		        	} catch (e) {
					showDialog("请按 Ctrl+D 键添加到收藏夹", 'notice');
				}
			}
		}
	</script>
</head>
<body style="margin: 1px;padding: 2px;">
	<div class="easyui-layout" data-options="fit:true" >
		<div data-options="region:'north'" style="height:40px">
			<table style="width: 100%">
				<tr>
					<td width="30%">&nbsp;</td>
					<td width="30%"><font size="5px;">EasyUi1.3.2中文在线实例</font></td>
					<td width="20%"><div align="right" style="padding-right: 10px;"><a href="http://www.java1234.com/easyui1.3.2" style="text-decoration:none;"  onclick="addFavorite(this.href, 'Java起点编程网-EasyUi1.3.2中文在线实例');return false;"><font color="red" size="3px;">你敢不敢收藏我?</font></a></div></td>
				</tr>
			</table>
		</div>
		<div data-options="region:'south'" style="height: 25px;"><div align="center"><a href="http://www.java1234.com">http://www.java1234.com</a></div></div>
		<div data-options="region:'west',split:true" title="导航菜单" style="width: 250px;">
			<ul id="tree"></ul>
		</div>
		<div data-options="region:'center'" >
			<iframe id="cont" src="" style="width: 99%;height: 97%;border: 0px;"></iframe>	
		</div>
	</div>

</body>
</html>